<template>
	
      <div class="pop">  
	       <div class="head-line between"> 
				<span class="head">工作区域</span>
				<span @click="$emit('submit')">取消</span>
		   </div>  
		   <div class="list"> 
			   <div :class="item == cur?'item cur-item':'item'" v-for="(item,index) in list" :key="`hot${index}`"  @click="choose(item)">
				{{item}}
			   </div>
		   </div>   
	  </div>   
	  
</template>
<style scoped> 
 .pop{padding:10px 15px 20px 15px;}
 .head{ font-size:20px;font-weight:600 } 
 .head-line{ margin:0 0 10px 0}
 .item{display: inline-block;margin:5px;background: #f2f2f2;padding:5px 10px;border-radius: 8px; color:#C3C3C3;box-shadow: 5px 5px 5px rgba(0,0,0,0.5);}
 .cur-item{ background: #339966;color:#FFF} 
 
</style>
<script>


export default { 
  props: {
    show: Boolean
  },
  data() {
    return {
      list:"不限,江岸区,江汉区,硚口区,汉阳区,武昌区,青山区,洪山区,东西湖区,汉南区,蔡甸区".split(","),
	  cur:"不限",
	  pop:this.show
    }
  },
  methods: {
  	 choose(val){ 
  		this.cur = val; 
  	 }, 
  },
}
</script>
